<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hack</title>
<style type="text/css">
body{font-size:0.75em;}
table{width:99%;margin:0 auto;border-top:2px solid #000;border-bottom:2px solid #000; border-collapse:collapse; border-spacing:0;}
table th,table td{padding:0.4em 2em;}
table th{border-bottom:1px solid #000;}
</style>
</head>

<body>
<table class="tbl">
  <thead>
    <tr>
      <th scope="col">Target Browser</th>
      <th scope="col">CSS Hack</th>
      <th scope="col">Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>IE 5 ~ IE 7</td>
      <td>#selector { *property:value }</td>
      <td>DTD와 무관하게 작용</td>
    </tr>
    <tr>
      <td>IE 5 ~ IE 6</td>
      <td>#selector { _property:value }</td>
      <td>DTD가 Quirks Mode인 경우 IE 7에도 작용함</td>
    </tr>
    <tr>
      <td>IE 5</td>
      <td>#selector { _property /**/:value }</td>
      <td>DTD가 표준모드인 경우 작용</td>
    </tr>
    <tr>
      <td>Firefox 2</td>
      <td>#selector { property:default-value; }<br />
        #selector, x:-moz-any-link { property:firefox-value; } <br />
        #selector, x:-moz-any-link, x:default { property:default-value; }</td>
      <td>첫 번째 라인은 희망하는 값<br />
        두 번째 라인은 FF 2 디버깅 값<br />
        세 번째 라인은 다시 희망하는 값 <br />
        DTD가 표준모드인 경우 작용</td>
    </tr>
    <tr>
      <td>Opera 9</td>
      <td>html:first-child #selector { property:value; }</td>
      <td>Opera 9.5 부터 작용하지 않음<br />
        DTD와 무관하게 작용</td>
    </tr>
    <tr>
      <td>Safari 3</td>
      <td>没有</td>
      <td>没有</td>
    </tr>
  </tbody>
</table>
</body>
</html>
